<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>imook</title>
  <link rel="stylesheet" type="text/css" href="main.css" />
  <script type="text/javascript" src="js/jquery-3.1.0.js"></script>
  <script type="text/javascript" src="js/imook.js"></script>
  <script type="text/javascript" src="js/myfocus-2.0.1.min.js"></script>
  <script type="text/javascript" src="js/mf-pattern/mF_fancy.js"></script>
  <link rel="stylesheet" href="js/mf-pattern/mF_fancy.css" />
  <script type="text/javascript">
    myFocus.set({
      id:'picBox',
      pattern:'mF_fancy',
      time:3//切换时间间隔(秒)
    });
  </script>
</head>
<body>
  <div class="wrap">
  	<div class="header">
  		<div class="logo">
        <img src="img/logo.jpg" alt="logo">  
      </div>
  		<div class="nav">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">产品特色</a></li>
            <li><a href="#">解决方案</a></li>
            <li><a href="#">产品价格</a></li>
            <li><a href="#">帮助中心</a></li>
            <li><a href="#">关于我们</a></li>
          </ul>  
      </div>
  	</div><!--header结束-->

  	<div class="ad" id="picBox">
      <div class="loading"><img src="img/loading.gif" alt="图片加载中" /></div>
      <div class="pic">
        <ul>
          <li><img src="img/ad2.jpg" alt="图片1" text="123"></li>
          <li><img src="img/ad3.jpg" alt="图片2" text="456"></li>
          <li><img src="img/ad4.jpg" alt="图片3" text="789"></li>
        </ul>
      </div>
    </div><!--ad结束-->

  	<div class="croll_news">
  		<h2>滚动新闻</h2>
  		<div class="croll_news_content">
  			<p>滚动新闻</p>
  		</div>
  	</div><!--croll_news结束-->

  	<div class="course">
  		<ul>
  			<li class="course_1"><a href="#">玩转Bootstrap</a></li>
  			<li class="course_2"><a href="#">企业网站案例</a></li>
  			<li class="course_3"><a href="#">Javascript基础</a></li>
  		</ul>
  	</div><!--course结束-->

  	<div class="main">
  		<div class="news_list">
        <div class="news_title">
          <h2>新闻中心</h2>
        </div>
        <div class="news_wrap">
          <div class="news_content">
            <h2>8月23日</h2>
            <div class = "news_list_content">
              <h3><a href="#">学习计划之"Android攻城狮初养成"</a></h3>
              <p><a href="#">想成为Android攻城狮?想开发一款专属App?没有任何基础的你,应该从何学起?</a></p>
            </div>
          </div>
          <div class="news_content">
            <h2>8月23日</h2>
            <div class = "news_list_content">
              <h3><a href="#">学习计划之"Android攻城狮初养成"</a></h3>
              <p><a href="#">想成为Android攻城狮?想开发一款专属App?没有任何基础的你,应该从何学起?</a></p>
            </div>
          </div> 
          <div class="news_content">
            <h2>8月23日</h2>
            <div class = "news_list_content">
              <h3><a href="#">学习计划之"Android攻城狮初养成"</a></h3>
              <p><a href="#">想成为Android攻城狮?想开发一款专属App?没有任何基础的你,应该从何学起?</a></p>
            </div>
          </div>
        </div>   
      </div><!--news_list结束-->

      <div class="activities">
        <div class="news_title">
          <h2>热门活动</h2>
        </div>
        <div class="activities_content">
          <a href="#"><img src="img/2048.jpg" alt="2048" /></a>
          <ul>
            <li><a href="#">慕课网2048源码征集</a> </li>
            <li><a href="#">慕课网2048源码征集</a> </li>
            <li><a href="#">慕课网2048源码征集</a> </li>
            <li><a href="#">慕课网2048源码征集</a> </li>
            <li><a href="#">慕课网2048源码征集</a> </li>
          </ul>
        </div>
      </div><!--activities结束-->

      <div class="contact">
        <div class="news_title">
          <h2>联系我们</h2>
        </div>
        <div class="contact_content">
          <p>讲师招募<br>
              JoV<br>
              电话：10086<br>
              QQ:360870202<br>
              E-mail:gobananas@163.com<br><br>
              网站合作<br>
              JoV<br>
              电话：10086<br>
              QQ:360870202<br>
              E-mail:gobananas@163.com
          </p>
        </div>
      </div><!--contact结束-->
  	</div><!--main结束-->

  	<div class="footer">
      <p>Copyright © 2013 imooc.com All Rights Reserved 京ICP备 13046642号-2</p>
    </div><!--footer结束-->
  </div><!--wrap结束-->
</body>
</html>